﻿.referrer-box { font-size: 14px; font-weight: 500; color: #ffffff; margin: 5px; }
.referrer-avatarImage { width: 17px; height: 17px; border-radius: 50%; }


.head_box { background-image: url('/static/images/common/bg.png'); background-size: cover; background-position: center; background-size: 100% auto; position: relative;
    &::after { content: ""; position: absolute; z-index: -1; background-color: inherit; width: 100%; height: 100%; left: 0; bottom: -10%; border-radius: 5px; opacity: 0.2; transform: scale(0.9, 0.9); }
}

.team-data-box { margin: 10px 10px; }

.data-card { width: 160px; background: #ffffff; border-radius: 10px; padding: 10px; margin: 0px 5px; }
.item-title { font-size: 11px; font-weight: 500; color: #999999; line-height: 15px; margin-bottom: 5px; }
.total-item { margin-bottom: 10px; }
.total-num { font-size: 19px; font-weight: 500; color: #333333; }
.category-num { font-size: 13px; font-weight: 500; color: #333333; }


.filter-box { width: 375px; height: 47.5px; background: #ffffff; }
.filter-item { height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.filter-title { color: #666; font-weight: 500; font-size: 14px; line-height: 45px; }
.cuIcon-unfold { font-size: 12px; color: #c4c4c4; margin-left: 5px; transition: all linear 0.3s; }
.icon-active { transform: rotate(180deg); transform-origin: center center; transition: all linear 0.3s; }
.title-active { color: #333; }
.underline { display: block; width: 34px; height: 2px; background: #fff; border-radius: 1px; }
.underline-active { background: #5e49c3; display: block; width: 34px; height: 2px; border-radius: 1px; }
